.tomato {
  background-color: Tomato;
}
.orange {
  background-color: Orange;
}
.dodger {
  background-color: DodgerBlue;
}
.green {
  background-color: MediumSeaGreen;
}
.gray {
  background-color: Gray;
}
.slate {
  background-color: SlateBlue;
}
.violet {
  background-color: Violet;
}
.lightgray {
  background-color: LightGray;
}

.titulo {
  font-weight: bold;
  color: black;
}
.texto {
  font-size: 14px;
  color: #333;
}

.borde-tomato {
  border: 2px solid Tomato;
}
.borde-dodger {
  border: 2px solid DodgerBlue;
}
.borde-violet {
  border: 2px solid Violet;
}

.rgb1 {
  background-color: rgb(255, 0, 0);
}
.rgb2 {
  background-color: rgb(0, 0, 255);
}
.rgb3 {
  background-color: rgb(60, 179, 113);
}
.rgb4 {
  background-color: rgb(238, 130, 238);
}
.rgb5 {
  background-color: rgb(255, 165, 0);
}
.rgb6 {
  background-color: rgb(106, 90, 205);
}

.rgba0 {
  background-color: rgba(255, 99, 71, 0);
}
.rgba1 {
  background-color: rgba(255, 99, 71, 0.2);
}
.rgba2 {
  background-color: rgba(255, 99, 71, 0.4);
}
.rgba3 {
  background-color: rgba(255, 99, 71, 0.6);
}
.rgba4 {
  background-color: rgba(255, 99, 71, 0.8);
}
.rgba5 {
  background-color: rgba(255, 99, 71, 1);
}

.hex1 {
  background-color: #ff0000;
}
.hex2 {
  background-color: #0000ff;
}
.hex3 {
  background-color: #3cb371;
}
.hex4 {
  background-color: #eb77eb;
}
.hex5 {
  background-color: #ffa500;
}
.hex6 {
  background-color: #6a5acd;
}

.gray1 {
  background-color: #3c3c3c;
}
.gray2 {
  background-color: #616161;
}
.gray3 {
  background-color: #787878;
}
.gray4 {
  background-color: #b4b4b4;
}
.gray5 {
  background-color: #f0f0f0;
}
.gray6 {
  background-color: #f9f9f9;
}

.hsl1 {
  background-color: hsl(0, 100%, 50%);
}
.hsl2 {
  background-color: hsl(240, 100%, 50%);
}
.hsl3 {
  background-color: hsl(147, 50%, 47%);
}
.hsl4 {
  background-color: hsl(300, 76%, 72%);
}
.hsl5 {
  background-color: hsl(39, 100%, 50%);
}
.hsl6 {
  background-color: hsl(248, 53%, 58%);
}

.sat1 {
  background-color: hsl(0, 100%, 50%);
}
.sat2 {
  background-color: hsl(0, 80%, 50%);
}
.sat3 {
  background-color: hsl(0, 60%, 50%);
}
.sat4 {
  background-color: hsl(0, 40%, 50%);
}
.sat5 {
  background-color: hsl(0, 20%, 50%);
}
.sat6 {
  background-color: hsl(0, 0%, 50%);
}

.light1 {
  background-color: hsl(0, 100%, 0%);
}
.light2 {
  background-color: hsl(0, 100%, 25%);
}
.light3 {
  background-color: hsl(0, 100%, 50%);
}
.light4 {
  background-color: hsl(0, 100%, 75%);
}
.light5 {
  background-color: hsl(0, 100%, 90%);
}
.light6 {
  background-color: hsl(0, 100%, 100%);
}

.hsla0 {
  background-color: hsla(9, 100%, 64%, 0);
}
.hsla2 {
  background-color: hsla(9, 100%, 64%, 0.2);
}
.hsla4 {
  background-color: hsla(9, 100%, 64%, 0.4);
}
.hsla6 {
  background-color: hsla(9, 100%, 64%, 0.6);
}
.hsla8 {
  background-color: hsla(9, 100%, 64%, 0.8);
}
.hsla1 {
  background-color: hsla(9, 100%, 64%, 1);
}